<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>哇噻云积分商城</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/docs.min.css" rel="stylesheet">
    <link href="font/iconfont.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
   		<!-- *********************头部导航***************** -->
   		<nav class="navbar navbar-default navbar-fixed-top">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"><img src="img/logo.png"></a>
		    </div>
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="index.html">首页</a></li>
		        <li><a href="#">健康用品</a></li>
		        <li><a href="#">热销产品</a></li>
		        <li><a href="#">美容护肤</a></li>
		        <li><a href="#">时尚精品</a></li>
		        <li><a href="#">餐具百货</a></li>
		        <li><a href="#">产品综合</a></li>
		      </ul>		
		      <ul class="nav navbar-nav navbar-right">
		      	<li><a href="html/login.html">登录</a></li>
		        <li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> 我的购物车 <span class="badge">0</span></a></li>
		      	<li class="dropdown">
		      	 	<a href="html/login.html" class="dropdown-toggle" data-toggle="dropdown">登录<span class="caret"></span></a>
		      	 	<ul class="dropdown-menu">
		      	 		<li><a href="#"><span class="glyphicon glyphicon-user"></span> 个人中心</a></li>
		      	 		<li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> 我的购物车</a></li>
		      	 		<li class="divider"></li>
		      	 		<li><a  data-toggle="modal" data-target="#myModal1">Launch demo modal</a></li>
		      	 	</ul>
		      	</li>
		      </ul>  
		       <form class="navbar-form navbar-left">
		        <div class="form-group">
		          <input type="text" class="form-control" placeholder="Search">
		        </div>
		        <button type="submit" class="btn btn-default">搜索</button>
		    	</form>
		    </div><!-- /.navbar-collapse -->
		   
		  </div><!-- /.container-fluid -->
		</nav>
		<!-- *********************分类+轮播图***************** -->		
		<div class="container banner_menu" >
			<div class="row row1">
				<!-- *********************二级分类菜单******************** -->
				<div class="col-lg-2 col-md-2 Category_menu">
					<ul>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">健康用品</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">心理咨询</a>
								<a href="#">健康管理用户包</a>
								<a href="#">健康管理</a>
							</p>
							<div class="next_item"></div>
						</li>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">热销产品</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">健康食品</a>
								<a href="#">医疗器械</a>
								<a href="#">功能用品</a>
								<a href="#">保健</a>
							</p>
							<div class="next_item"></div>
						</li>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">美容护肤</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">面膜</a>
								<a href="#">蛋白绒球</a>
								<a href="#">面霜</a>
								<a href="#">精华</a>
							</p>
							<div class="next_item"></div>
						</li>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">时尚精品</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">套装</a>
								<a href="#">抗辐射贴</a>
								<a href="#">饰品挂件</a>
								<a href="#">电子产品</a>
							</p>
							<div class="next_item"></div>
						</li>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">餐具百货</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">餐饮连锁</a>
								<a href="#">家纺</a>
								<a href="#">透明香皂</a>
								<a href="#">个性服务</a>
							</p>
							<div class="next_item"></div>
						</li>
						<li class="menu_list">
							<div class="list_title">
								<a href="#">产品综合</a>
								<i class="glyphicon glyphicon-play pull-right"></i>
							</div>
							<p class="list_content">
								<a href="#">电子产品</a>
								<a href="#">精装饰品</a>
							</p>
							<div class="next_item"></div>
						</li>		
					</ul>
					<div class="second_menu">
						<div class="second_menu_item">
							<dl>
								<dt>健康管理用户包</dt>
								<dd><a href="#">钻卡vip用户包</a></dd>
								<dd><a href="#">金卡vip用户包</a></dd>
							</dl>
							<dl>
								<dt>健康管理师</dt>
								<dd><a href="#">保健师</a></dd>
								<dd><a href="#">营养师</a></dd>
							</dl>
							<dl>
								<dt>心理咨询</dt>
							</dl>
						</div>
						<div class="second_menu_item">
							<dl>
								<dt>保健品</dt>
								<dd><a href="#">得能系列</a></dd>
							</dl>
							<dl>
								<dt>功能用品</dt>
								<dd><a href="#">汗蒸仓</a></dd>
							</dl>
							<dl>
								<dt>医疗器械</dt>
								<dd><a href="#">纸尿裤</a></dd>
								<dd><a href="#">安全座椅</a></dd>
							</dl>
							<dl>
								<dt>健康食品</dt>
							</dl>
						</div>
						<div class="second_menu_item">
							<dl>
								<dt>爽肤水</dt>
							</dl>
							<dl>
								<dt>海外直购</dt>
							</dl>
							<dl>
								<dt>精华</dt>
							</dl>
							<dl>
								<dt>面霜</dt>
							</dl>
							<dl>
								<dt>蛋白绒球</dt>
							</dl>
							<dl>
								<dt>面膜</dt>
							</dl>
						</div>
						<div class="second_menu_item">
							<dl>
								<dt>精品服饰</dt>
							</dl>
							<dl>
								<dt>名包名表</dt>
							</dl>
							<dl>
								<dt>电子产品</dt>
							</dl>
							<dl>
								<dt>饰品挂件</dt>
							</dl>
							<dl>
								<dt>抗辐射贴</dt>
							</dl>
							<dl>
								<dt>套装</dt>
							</dl>
						</div>
						<div class="second_menu_item">
							<dl>
								<dt>日用品</dt>
							</dl>
							<dl>
								<dt>洗洁精</dt>
							</dl>
							<dl>
								<dt>家纺</dt>
							</dl>
							<dl>
								<dt>厨具</dt>
							</dl>
							<dl>
								<dt>床上用品</dt>
							</dl>
							<dl>
								<dt>居家用品</dt>
							</dl>
							<dl>
								<dt>个性产品</dt>
							</dl>
							<dl>
								<dt>个性服务</dt>
								<dd><a href="#">果味饮料</a></dd>
								<dd><a href="#">功能饮料</a></dd>
								<dd><a href="#">茶饮料</a></dd>
								<dd><a href="#">果蔬汁</a></dd>
							</dl>
							<dl>
								<dt>餐饮连锁</dt>
							</dl>
						</div>
						<div class="second_menu_item">
							<dl>
								<dt>精品装饰</dt>
								<dd><a href="#">精品内饰</a></dd>
							</dl>
							<dl>
								<dt>电子产品</dt>
							</dl>
						</div>
				    </div>
				</div>
				
				<!-- *********************轮播图******************** -->
				<div class="col-lg-8 col-md-8  col-sm-12 col-xs-12">
					<div id="banner" class="carousel slide" data-ride="carousel" data-interval="2000" pause>
					  <!-- Indicators -->
					  <ol class="carousel-indicators">
					    <li data-target="#banner" data-slide-to="0" class="active"></li>
					    <li data-target="#banner" data-slide-to="1"></li>
					    <li data-target="#banner" data-slide-to="2"></li>
					    <li data-target="#banner" data-slide-to="3"></li>
					  </ol>
					  <!-- Wrapper for slides -->
					  <div class="carousel-inner" role="listbox">
					    <div class="item active">
					      <img src="img/banner01.jpg" alt="...">
					      <div class="carousel-caption">
					          	
					      </div>
					    </div>
					    <div class="item">
					      <img src="img/banner02.jpg" alt="...">
					      <div class="carousel-caption">
					        
					      </div>
					    </div>
					   	<div class="item">
					      <img src="img/banner03.jpg" alt="...">
					      <div class="carousel-caption">
					       
					      </div>
					    </div>
					    <div class="item">
					      <img src="img/banner04.jpg" alt="...">
					      <div class="carousel-caption">
					        
					      </div>
					    </div>
					  </div>

					  <!-- Controls -->
					  <a class="left carousel-control" href="#banner" role="button" data-slide="prev">
					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					    <span class="sr-only">Previous</span>
					  </a>
					  <a class="right carousel-control" href="#banner" role="button" data-slide="next">
					    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					    <span class="sr-only">Next</span>
					  </a>
					</div>
				</div>
				<!-- *********************快报******************** -->	
				<div class="col-lg-2 col-md-2 Express_news">
					<div class="title">商城快报</div>
					<ul class="news_list">
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
						<li>
							<a href="#">域名启用通知</a>
							<span>2017-07-19</span>
						</li>
					</ul>
				</div>
			</div>
		</div>		
		<!-- *********************健康用品******************** -->
		<div class="container health item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					健康产品
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_bg">
			
			</div>
		</div>
		<!-- *********************热销产品******************** -->
		<div class="container hot item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					热销产品
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_content">
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#"><img src="img/pro1.jpg" alt="..."></a>
				      <div class="caption">
				        <h3><a href="#"> 枸杞玛咖压片糖果</a></h3>
				        <p><span class="price">￥180.00</span><span class="pull-right">市场价：180.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro2.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">清调饮</a></h3>
				        <p><span class="price">￥600.00</span><span class="pull-right">市场价：600.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro3.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">燕麦力片压片糖果</a></h3>
				        <p><span class="price">￥160.00</span><span class="pull-right">市场价：160.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro4.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">锌硒片压片糖果（成人）</a></h3>
				        <p><span class="price">￥120.00</span><span class="pull-right">市场价：120.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro5.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">大麦若叶青汁固体饮料</a></h3>
				        <p><span class="price">￥360.00</span><span class="pull-right">市场价：360.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro6.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">融雪无痕</a></h3>
				        <p><span class="price">￥1100.00</span><span class="pull-right">市场价：1100.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro7.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">牡蛎肽压片糖果</a></h3>
				        <p><span class="price">￥280.00</span><span class="pull-right">市场价：280.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro8.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">胶原蛋白肽240g</a></h3>
				        <p><span class="price">￥6000.00</span><span class="pull-right">市场价：6000.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro9.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">速形青汁奶昔</a></h3>
				        <p><span class="price">￥1000.00</span><span class="pull-right">市场价：1000.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/pro10.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">番茄粉压片糖果</a></h3>
				        <p><span class="price">￥170.00</span><span class="pull-right">市场价：170.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			</div>
			<div class="row item_bg"></div>
		</div>
		<!-- *************************美容护肤*************** -->
		<div class="container Beauty_skin item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					美容护肤
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_content">
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#"><img src="img/mei1.jpg" alt="..."></a>
				      <div class="caption">
				        <h3><a href="#"> 美纯燕麦玫瑰面膜</a></h3>
				        <p><span class="price">￥190.00</span><span class="pull-right">市场价：190.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/mei2.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">玫瑰植物细胞水</a></h3>
				        <p><span class="price">￥198.00</span><span class="pull-right">市场价：198.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/mei3.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">美纯活性胶原绒球</a></h3>
				        <p><span class="price">￥200.00</span><span class="pull-right">市场价：200.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/mei4.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">燕麦银耳基底保湿霜</a></h3>
				        <p><span class="price">￥220.00</span><span class="pull-right">市场价：220.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			  <div class="col-sm-6 col-md-3">
			  	<a href="#">
				    <div class="thumbnail">
				      <a href="#">
				      	<img src="img/mei5.jpg" alt="...">
				      </a>
				      <div class="caption">
				        <h3><a href="#">玫瑰原浆面膜</a></h3>
				        <p><span class="price">￥190.00</span><span class="pull-right">市场价：190.00</span></p>
				      </div>
				    </div>
				</a>
			  </div>
			</div>
			<div class="row item_bg"></div>
		</div>
		<!-- *********************时尚精品******************** -->
		<div class="container fashion item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					时尚精品
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_bg">
			
			</div>
		</div>
		<!-- *********************餐具百货******************** -->
		<div class="container tableware item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					餐具百货
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_bg">
			
			</div>
		</div>
		<!-- *********************产品综合******************** -->
		<div class="container product_all item">
			<div class="row item_title">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					产品综合
					<a href="#" class="pull-right">更多>></a>
				</div>
			</div>
			<div class="row item_bg">
			
			</div>
		</div>
		<!-- *************************联系我们*************** -->
		<div class="contact">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
						<i class="glyphicon glyphicon-globe"></i>
						<span>Global Business Associates</span>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
						<i class="glyphicon glyphicon-phone-alt"></i>
						<span>电话：400-0077-123</span>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
						<i class="glyphicon glyphicon-home"></i>
						<span>哇噻云积分商城</span>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6  last">
						<i class="glyphicon glyphicon-map-marker"></i>
						<span>山东·济南</span>
					</div>
				</div>
			</div>			
		</div>
		<!-- *************************底部*************** -->
		<div class="container footer">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p class="title">服务协议</p>
					<ul class="list">
						<li><a href="html/售后服务.html">售后服务</a></li>
						<li><a href="html/消费者保障.html">消费者保障</a></li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p class="title">购物指南</p>
					<ul class="list">
						<li><a href="html/购物流程.html">购物流程</a></li>
						<li><a href="html/付款方式.html">付款方式</a></li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p class="title">会员注册</p>
					<ul class="list">
						<li><a href="html/注册协议.html">注册协议</a></li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p class="title">商城二维码</p>
					<img src="img/erweima.png">
				</div>
			</div>
		</div>
		<!-- **********************工具箱 *************************-->
		<div class="tool_box clearfix">
			<ul class="icon pull-left">
				<li class="QQ_icon active"><span class="iconfont">&#xe6e2;</span></li>
				<li class="wx_icon"><span class="iconfont">&#xe64f;</span></li>
			</ul>
			<div class="box_item pull-left">
				<div class="QQ">
					<p>在线QQ客服</p>
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2184892090&amp;site=qq&amp;menu=yes" class="qq_link"><img border="0" src="http://wpa.qq.com/pa?p=2:2184892090:51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
				</div>
				<div class="wx">
					<div class="wx_img">
						<img src="img/wx.png">
					</div>
					<p>扫码联系我们</p>
				</div>
			</div>
		</div>
		<!-- *************************返回顶部*************** -->
		<div id="back-to-top" title="Scroll Back to Top"><i class="glyphicon glyphicon-menu-up"></i></div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-2.1.4.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/docs.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/index.js"></script>

  </body>
</html>